{extend name="Index/index" /}
{block name="table"}
	<!-- END SIDEBAR -->
	<!-- BEGIN CONTENT -->
	<div class="page-content-wrapper">
		<div class="page-content" style=" min-height: 700px;">
			<!-- BEGIN SAMPLE PORTLET CONFIGURATION MODAL FORM-->
			<div class="modal fade" id="portlet-config" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
				<div class="modal-dialog">
					<div class="modal-content">
						<div class="modal-header">
							<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
							<h4 class="modal-title">Modal title</h4>
						</div>
						<div class="modal-body">
							 Widget settings form goes here
						</div>
						<div class="modal-footer">
							<button type="button" class="btn blue">Save changes</button>
							<button type="button" class="btn default" data-dismiss="modal">Close</button>
						</div>
					</div>
					<!-- /.modal-content -->
				</div>
				<!-- /.modal-dialog -->
			</div>
			<!-- /.modal -->
			<!-- END SAMPLE PORTLET CONFIGURATION MODAL FORM-->
			<!-- BEGIN STYLE CUSTOMIZER -->
			<div class="theme-panel hidden-xs hidden-sm">
				<!-- <div class="toggler">
				</div> -->
				<div class="toggler-close">
				</div>
				<div class="theme-options">
					<div class="theme-option theme-colors clearfix">
						<span>
							 THEME COLOR
						</span>
						<ul>
							<li class="color-black current color-default" data-style="default">
							</li>
							<li class="color-blue" data-style="blue">
							</li>
							<li class="color-brown" data-style="brown">
							</li>
							<li class="color-purple" data-style="purple">
							</li>
							<li class="color-grey" data-style="grey">
							</li>
							<li class="color-white color-light" data-style="light">
							</li>
						</ul>
					</div>
					<div class="theme-option">
						<span>
							 Layout
						</span>
						<select class="layout-option form-control input-small">
							<option value="fluid" selected="selected">Fluid</option>
							<option value="boxed">Boxed</option>
						</select>
					</div>
					<div class="theme-option">
						<span>
							 Header
						</span>
						<select class="header-option form-control input-small">
							<option value="fixed" selected="selected">Fixed</option>
							<option value="default">Default</option>
						</select>
					</div>
					<div class="theme-option">
						<span>
							 Sidebar
						</span>
						<select class="sidebar-option form-control input-small">
							<option value="fixed">Fixed</option>
							<option value="default" selected="selected">Default</option>
						</select>
					</div>
					<div class="theme-option">
						<span>
							 Sidebar Position
						</span>
						<select class="sidebar-pos-option form-control input-small">
							<option value="left" selected="selected">Left</option>
							<option value="right">Right</option>
						</select>
					</div>
					<div class="theme-option">
						<span>
							 Footer
						</span>
						<select class="footer-option form-control input-small">
							<option value="fixed">Fixed</option>
							<option value="default" selected="selected">Default</option>
						</select>
					</div>
				</div>
			</div>
			<!-- END STYLE CUSTOMIZER -->
			<!-- BEGIN PAGE HEADER-->
			<div class="row">
				<div class="col-md-12">
					<!-- BEGIN PAGE TITLE & BREADCRUMB-->
					<h3 class="page-title">
					
					</h3>
					<ul class="page-breadcrumb breadcrumb">
						
						<li>
							<i class="fa fa-home"></i>
							<a href="{:url('index/index/index')}">
								Home
							</a>
							<i class="fa fa-angle-right"></i>
						</li>
						<!-- <li>
							<a href="#">
								Extra
							</a>
							<i class="fa fa-angle-right"></i>
						</li> -->
						<li>
							<a href="{:url('index/Inbox/index')}">
								站内消息
							</a>
						</li>
					</ul>
					<!-- END PAGE TITLE & BREADCRUMB-->
				</div>
			</div>
			<div class="row inbox">
				<div class="col-md-2">
					<ul class="inbox-nav margin-bottom-10">
						<li class="compose-btn">
							<a href="{:url('index/Inbox/mail')}" data-title="Compose" class="btn green">
								<i class="fa fa-edit"></i> 写邮件
							</a>
						</li>
						<li class="compose-btn">
							<a href="{:url('index/Inbox/notice')}" data-title="Compose" class="btn green">
								<i class="fa fa-edit"></i> 发布公告
							</a>
						</li>
						<li class="inbox_">
							{if $num == 0}
							<a href="{:url('index/Inbox/index')}" class="btn" data-title="Inbox">
								 收件箱
							</a>
							<b></b>
							{else /}
							<a href="{:url('index/Inbox/index')}" class="btn" data-title="Inbox">
								 收件箱(<?php echo $num;?>)
							</a>
							<b></b>
							{/if}
						</li>
						<li class="draft trash">
							{if $num2 == 0}
							<a class="btn" href="{:url('index/Inbox/checknotice')}" data-title="Notice">
								 系统消息
							</a>
							<b></b>
							{else /}
							<a class="btn" href="{:url('index/Inbox/checknotice')}" data-title="Notice">
								 系统消息(<?php echo $num2;?>)
							</a>
							<b></b>
							{/if}
						</li>
						<li class="sent">
							<a class="btn" href="{:url('index/Inbox/sent')}" data-title="Sent">
								 已发送
							</a>
							<b></b>
						</li>
					
						<li class="trash">
							<a class="btn" href="{:url('index/Inbox/trash')}" data-title="Trash">
								 垃圾箱
							</a>
							<b></b>
						</li>
						
					</ul>
				</div>
				<div class="col-md-10" style="min-height: 500px;">
					<div class="inbox-header">
						<!-- <h1 class="pull-left">收件箱</h1> -->
						
					</div>
					<div class="inbox-loading" style="display: none;">
						 Loading...
					</div>
					<div class="inbox-content"><div class="inbox-header inbox-view-header">
						<h1 class="pull-left">{$mailinfo['mail_title']}
						</h1>
						<div class="pull-right">
							<i class="fa fa-print"></i>
						</div>
					</div>
					<div class="inbox-view-info">
						<div class="row">
							<div class="col-md-7">
								<!-- <img src="/static/assets/img/default.png" width="25px;"> -->
								<span class="bold">
									 {$fj}
								</span>
								
								 to
								<span class="bold">
									 me
								</span>
								 on {$mailinfo['create_time']}
							</div>
							<div class="col-md-5 inbox-info-btn">
								<div class="btn-group">
									<!-- <a href="{:url('replynotice',['id'=>$mailinfo['mail_id']])}" class="btn blue reply-btn">
									<i class="fa fa-reply "></i> 回复 
									</a> -->
									<a href="{:url('forwardMail',['id'=>$mailinfo['mail_id']])}" class="btn green forward-btn">
									<i class="fa fa-arrow-right Forward-btn"></i> 转发 
									</a>

									<a href="javascript:;" class="btn red delete-btn" date-id="{$mailinfo['mail_id']}">
									<i class="fa fa-trash-o"></i> 删除 
									</a>
								</div>
							</div>
							<div class="inbox-view" style="min-height: 300px;">
								{$mailinfo['mail_content']}
							</div>
							<hr>
							
						</div>

	<!-- END CONTENT -->
</div>
<!-- END CONTAINER -->
<!-- BEGIN FOOTER -->
<div class="footer">
	<div class="footer-inner">
		 2018 &copy; 仁聚科技
	</div>
	<div class="footer-tools">
		<span class="go-top">
			<i class="fa fa-angle-up"></i>
		</span>
	</div>
</div>
<link rel="stylesheet" type="text/css" href="/static/assets/css/pages/inbox.css" />
<!-- END FOOTER -->
<!-- BEGIN JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) -->
<!-- BEGIN CORE PLUGINS -->
<!--[if lt IE 9]>
<script src="/static//static/assets/plugins/respond.min.js"></script>
<script src="/static/assets/plugins/excanvas.min.js"></script> 
<![endif]-->
<script src="/static/assets/plugins/fancybox/source/jquery.fancybox.pack.js" type="text/javascript"></script>
<script src="/static/assets/plugins/bootstrap-wysihtml5/wysihtml5-0.3.0.js" type="text/javascript"></script>
<script src="/static/assets/plugins/bootstrap-wysihtml5/bootstrap-wysihtml5.js" type="text/javascript"></script>
<!-- BEGIN:File Upload Plugin JS files-->
<!-- The jQuery UI widget factory, can be omitted if jQuery UI is already included -->
<script src="/static/assets/plugins/jquery-file-upload/js/vendor/jquery.ui.widget.js"></script>
<!-- The Templates plugin is included to render the upload/download listings -->
<script src="/static/assets/plugins/jquery-file-upload/js/vendor/tmpl.min.js"></script>
<!-- The Load Image plugin is included for the preview images and image resizing functionality -->
<script src="/static/assets/plugins/jquery-file-upload/js/vendor/load-image.min.js"></script>
<!-- The Canvas to Blob plugin is included for image resizing functionality -->
<script src="/static/assets/plugins/jquery-file-upload/js/vendor/canvas-to-blob.min.js"></script>
<!-- blueimp Gallery script -->
<script src="/static/assets/plugins/jquery-file-upload/blueimp-gallery/jquery.blueimp-gallery.min.js"></script>
<!-- The Iframe Transport is required for browsers without support for XHR file uploads -->
<script src="/static/assets/plugins/jquery-file-upload/js/jquery.iframe-transport.js"></script>
<!-- The basic File Upload plugin -->
<script src="/static/assets/plugins/jquery-file-upload/js/jquery.fileupload.js"></script>
<!-- The File Upload processing plugin -->
<script src="/static/assets/plugins/jquery-file-upload/js/jquery.fileupload-process.js"></script>
<!-- The File Upload image preview & resize plugin -->
<script src="/static/assets/plugins/jquery-file-upload/js/jquery.fileupload-image.js"></script>
<!-- The File Upload audio preview plugin -->
<script src="/static/assets/plugins/jquery-file-upload/js/jquery.fileupload-audio.js"></script>
<!-- The File Upload video preview plugin -->
<script src="/static/assets/plugins/jquery-file-upload/js/jquery.fileupload-video.js"></script>
<!-- The File Upload validation plugin -->
<script src="/static/assets/plugins/jquery-file-upload/js/jquery.fileupload-validate.js"></script>
<!-- The File Upload user interface plugin -->
<script src="/static/assets/plugins/jquery-file-upload/js/jquery.fileupload-ui.js"></script>
<!-- <script>
jQuery(document).ready(function() {       
   // initiate layout and plugins
   App.init();
   Inbox.init();
});
</script> -->
<script>
		$(function(){
			$('.inbox').addClass("active");
		});
</script>
<!-- END JAVASCRIPTS -->
</body>
<!-- END BODY -->
</html>
{/block}